<template>
  <h1>Father 父组件</h1>
  <hr />
  <Son class="btn-large" id="btn-info" style="color: red" @click="showInfo" />
</template>

<script setup>
import Son from './Son.vue'

const showInfo = () => {
  console.log('触发了父组件绑定的 click 处理函数')
}
</script>

<style scoped>
.btn-large {
  font-size: 40px;
}

.btn-large :deep(span) {
  font-size: 12px;
}
</style>
